<template>
  <div>
    <BotList @getBotDetail="getBotDetail" v-if="lever === 1"></BotList>
    <DetailSet :currentBotId="currentBotId" v-else-if="lever === 2" @setLeverUp="setLeverUp"></DetailSet>
  </div>
</template>

<script setup>
import {ref} from 'vue'
import BotList from "./botList/index"
import DetailSet from "./detailSet/index.vue"
const lever = ref(1)

const currentBotId = ref()
const getBotDetail = (bot) => {
  currentBotId.value = bot.id
  setLeverUp(2)
}
const setLeverUp = (value) => {
  lever.value = value
}
</script>

<style scoped lang="scss">
</style>